import React from 'react';
import {Grid, Icon} from '@ant-design/react-native';
import {ScrollView} from 'react-native';
import {outlineGlyphMap} from '@ant-design/icons-react-native/lib/outline';

export default class IConPage extends React.Component {
  constructor() {
    super();
  }

  render() {
    const outlineData = Object.keys(outlineGlyphMap).map(item => ({
      icon: <Icon name={item}/>,
      text: item,
    }));
    return (
      <ScrollView>
        <Grid data={outlineData} columnNum={3} hasLine={false}/>
      </ScrollView>
    );
  }
}
